
//换上对应的用户信息！！
	let arr_1=window.location.search;
				//判断初始情况！登录成功会携带数据过去的！
				if(arr_1!=""){
					//decodeURI这是将从地址栏弄下来的数据编译成utf-8的中文！
					res1= decodeURI(arr_1.split("=")[1]);
					//规定改名后的a标签不在支持跳转到登录页面
					$('#logo i').attr('href',"");
					//将地址栏的数据现在是此位置上
					console.log($('#logo i').html(res1+"&nbsp;会员"));	
				}
				
				
//这区域是渲染页面用的！
	let ops=JSON.parse(localStorage.getItem('goodsMsg'));
	console.log(ops[0]);
	let str="";
	str=`	<div id="details">
			<div class="s_box">
				<img src="${ops[0].img}" >
				<span></span>
			</div>
			
			<div class="msg">
				<h3>${ops[0].name}</h3>
				<p>${ops[0].msg}</p>
				<span>￥：${ops[0].price}</span>
				<form action="">
					<input type="button" value="继续购物" id="mBtn">
				    <input type="button" value="加入购物车" id="aBtn">
				</form>
			
			    <div class="b_box">
				    <img src="${ops[0].img}">
			    </div>
			</div>
			
			 
		</div>
		`
		let arr=`<ul>
					<li><img src="../../static/details/小米10/1.jpg" alt=""></li>
					<li><img src="../../static/details/小米10/2.jpg" alt=""></li>
					<li><img src="../../static/details/小米10/4.jpg" alt=""></li>
					<li><img src="../../static/details/小米10/5.jpg" alt=""></li>
				</ul>`
		

	$('#list').html(str);
	$('#ul').html(arr);	
	


















//这是js放大镜操作
		$('.s_box').hover(function(){
			//遮罩显示
			$(this).children('span').css('display','block');
			//大图显示
			$('.b_box').css('display','block');
		},function(){
			//遮罩消失
			$(this).children('span').css('display','none');
			//大图消失
			$('.b_box').css('display','none');
		})
		//精两不要嵌套！
		$('.s_box').mousemove(function(e){
			let x=e.pageX-$(this).offset().left-$(this).children('span').outerWidth()/2;
			let y=e.pageY-$(this).offset().top-$(this).children('span').outerHeight()/2;
			if(x<0){x=0;}
			if(y<0){y=0;}
			if(x>$(this).outerWidth()-$(this).children('span').outerWidth())
			{x=$(this).outerWidth()-$(this).children('span').outerWidth();}
			if(y>$(this).outerHeight()-$(this).children('span').outerHeight()){
				y=$(this).outerHeight()-$(this).children('span').outerHeight();
			}
			//这是放大镜的比例！
			 let l=x/($(this).outerWidth()-$(this).children('span').outerWidth());
			 let t=y/($(this).outerHeight()-$(this).children('span').outerHeight());
			 
			$('.b_box img').css({
				left:l*($('.b_box').outerWidth()-$('.b_box img').outerWidth()),
				top:t*($('.b_box').outerHeight()-$('.b_box img').outerHeight())
			})
		
		
			$(this).children('span').css({
				left:x,
				top:y
			})
		})
	
	//在下面的地方滑动！对应照片改变。
	$('#ul ul').children('li').mouseenter(function(){
		$('.b_box img').attr('src',$(this).children('img').attr('src'));
		$('.s_box img').attr('src',$(this).children('img').attr('src'));
	});
		
		
	//点击继续购物返回上一级页面
	$('#mBtn').click(function(){
		console.log(111);
		history.go(-1);
	});
	
	
	//首先获取数据
	let url='http://localhost/lidu_project/php/goods/select.php';
	//这个是接受对应数据的num的！
	let num=0;
		 ajaxPromise({
			 url:url,
		 }).then(function(res){
				 //显示的是一个二维数组
				 console.log(JSON.parse(res)); 
				 let arr=JSON.parse(res);
			  for(var i=0;i<arr.length;i++){
					if(arr[i][1]==ops[0].goodsId){
						 num=arr[i][6];  //这个时候已经拿到的对应数据的num值了！
						 break;
					}
			  }
				 
				 let url_1='http://localhost/lidu_project/php/goods/update.php';
				 //点击后将对应的数据的num+1;所以你先要获取之前的数据！！！上面的操作就是获取数据！
				 $('#aBtn').click(function(){
				 	ajaxPromise({
				 		url:url_1,
				 		method:"post",
				 		data:{
				 			goodsId:ops[0].goodsId,
				 			num:++num
				 		}
				 	});
					
					location.href='http://localhost/lidu_project/htmls/goodsCar/goodsCar.html?';
				 })
		});
